<?php
use yii\helpers\Html;
use yii\helpers\Url;
use yii\widgets\LinkPager;
?>

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
<!--    <title>我的消息</title>-->
    <!--<meta name="description" content="这是主页">-->
    <meta name="keywords" content="form">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="renderer" content="webkit">
    <meta http-equiv="Cache-Control" content="no-siteapp"/>
    <link rel="stylesheet" href="css/chinaz.css">
    <link rel="stylesheet" href="css/amazeui.swiper.min.css">


    <link rel="stylesheet" href="css/index.css">
    <!--<link rel="stylesheet" href="css/amazeui.slick.min.css">
    -->
    <!--<link rel="icon" type="image/png" href="assets/i/favicon.png">
    -->
    <!--<link rel="apple-touch-icon-precomposed" href="assets/i/app-icon72x72@2x.png">
    -->
    <!--<meta name="apple-mobile-web-app-title" content="Amaze UI" />
    -->
    <link rel="stylesheet" href="assets/css/amazeui.min.css"/>
    <link rel="stylesheet" href="assets/css/layout.css"/>
    <script src="assets/js/jquery.min.js"></script>

    <!--<link rel="stylesheet" href="assets/css/admin.css">--></head>
<body>
<style>
    .objDetail {
        width: 25%;
        border-bottom: 1px solid #7c7c7c;
        /*margin-left:1%;*/
        float: left;
        margin-bottom: 20px;
        padding-top: 16px;
        padding-left: 14px;
        padding-right: 14px;
    }

    .am-pagination li a {
        border-radius: 4px;
        background-color: #dfe5e9;
        color: #7f8c8d;
    }

    .shade:after {
        opacity: 1.0;
        content: "";
        position: absolute;
        top: -1px;
        right: -1px;
        bottom: -1px;
        left: -1px;
        border: 1px solid rgba(0, 0, 0, 0.05)
    }

    #infoHead {
        /*filter: url(blur.svg#blur); !* FireFox, Chrome, Opera *!*/

        /*-webkit-filter: blur(10px); !* Chrome, Opera *!*/
        /*-moz-filter: blur(10px);*/
        /*-ms-filter: blur(10px);*/
        /*filter: blur(10px);*/
        background-color: rgba(0, 0, 0, 0);
        background-repeat: no-repeat;
        background-position: left;
        _background: none;
        _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=<?= $this->params['headImage']; ?>);
        /*_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://k.baobaoke.com/images/2009_mayday.png",sizingMethod="scale");        !*position: absolute;*!*/
        /*z-index: 0;*/
    }

    #cao {
        filter: url(blur.svg#blur); /* FireFox, Chrome, Opera */

        -webkit-filter: blur(5px); /* Chrome, Opera */
        -moz-filter: blur(5px);
        -ms-filter: blur(5px);
        filter: blur(5px);

        filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=10, MakeShadow=false); /* IE6~IE9 */
    }

    .personInfo {
        text-align: center;
        /*position: absolute !important;*/
        /*bottom: 0px;*/
    }

    .personInfo a, .personInfo a:hover, .personInfo a:active, .personInfo a:after {
        color: white;
    }

    .unClick {
        background-color: #55B6E4;
    }

    .canClick {
        background-color: #99d3ef;
    }

    .unClick, .canClick {
        padding-bottom: 6px;
        padding-top: 6px;
    }

    .projectTable tr {
        height: 50px;
    }

    .projectTable {
        border: 1px solid #9aabb7;
        text-align: center;
        font-size: 16px;
        margin-bottom: 20px;
    }

    .projectTable td {
        border: 1px solid #9aabb7;
    }

    .blue {
        color: #3A99DB;
    }

    .red {
        color: red;
    }

    .gary {
        color: gray
    }

    .am-tabs-nav {
        /*width: 40% !important;*/
    }

    .am-tabs-nav > .am-active a {
        color: #222 !important;
    }

    .am-tabs-nav li {
        padding: 0 !important;
    }

    .am-tabs-d2 .am-tabs-nav > .am-active {
        border-top: 0px;
    }

    .am-active {
        border: 1px solid rgb(234, 234, 234) !important;
        /*border-left: 1px solid rgb(234,234,234) !important;*/
        /*border-right: 1px solid white !important;*/
        /*border-bottom: 1px solid white !important;*/
    }
</style>
<img src=<?= $this->params['headImage']; ?> style="width: 22%;position: absolute;margin-top: 106.3px;margin-left: 6%;">
<img src=<?= $this->params['headImage']; ?> style="width: 21.4%;position: absolute;margin-top: 110.3px;margin-left: 6.3%;" id="cao">
<div style="width: 22%;background-color: #0b6fa2;position: absolute;margin-top: 106.3px;margin-left: 6%;opacity: 0.3"
     id="uuuuu"></div>
<script>
    $('#uuuuu').height(window.screen.width * 0.22);
</script>
<div style="background-color: #FFFFFF;height: 60px">
    <img src="img/logo-06.png" id="layoutLogo" style="float: left;margin-left: 5%;margin-right: 30px">
    <div id='cssmenu' style="float: left">
        <ul>

            <li class="active">
                <a href=
                   <?= Url::toRoute('index/show'); ?>
                >首页</a>
            </li>

            <li>
                <a href=
                   <?= Url::toRoute('project/show'); ?>
                >创业项目</a>
            </li>
            <li class=' has-sub'>
                <a href=
                   <?= Url::toRoute('raised/show'); ?>
                >项目聚幕</a>
                <ul>
                    <li class='has-sub sub-li'>
                        <a href=
                           <?= Url::toRoute('raised/show'); ?>
                        >投资聚募</a>
                    </li>
                    <li class='has-sub sub-li'>
                        <a href='#'>我要融资</a>

                    </li>
                </ul>
            </li>
            <li class=' has-sub'>
                <a href=
                   <?= Url::toRoute('basic-service/show-activity'); ?>
                >基础服务</a>
                <ul>
                    <li class='has-sub sub-li'>
                        <a href=
                           <?= Url::toRoute('basic-service/show-activity'); ?>
                        >线下活动</a>
                    </li>
                    <li class='has-sub sub-li'>
                        <a href=
                           <?= Url::toRoute('basic-service/show-information'); ?>
                        >创业资讯</a>
                    </li>
                    <li class='has-sub sub-li'>
                        <a href=
                           <?= Url::toRoute('basic-service/show-business'); ?>
                        >工商注册</a>
                    </li>
                    <li class='has-sub sub-li'>
                        <a href=
                           <?= Url::toRoute('basic-service/show-finance'); ?>
                        >财务代办</a>
                    </li>
                    <li class='has-sub sub-li'>
                        <a href=
                           <?= Url::toRoute('basic-service/show-law'); ?>
                        >法务咨询</a>
                    </li>
                </ul>
            </li>
        </ul>
    </div>
    <div class="isLogin">
        <ul>
            <?php if(!empty($_COOKIE['user_id'])):?>
            <li>
                <img src="img/icon-38.png" style="width: 12px;margin-right: 10px">
                <a href=<?= Url::toRoute('usercenter/show'); ?>>
                <span><?=$this->params['user_name']?></span>
                </a>
            </li>
            <li>
                <img src="img/icon-39.png"style="width: 16px;margin-right: 10px">
                <a href=<?= Url::toRoute('mymsg/show'); ?>>
                <span>消息中心</span><span style="margin-left: 2px;color:red">(<?=$this->params['msgCount']?>)</span>
                </a>
            </li>

            <?php endif?>

            <?php if(empty($_COOKIE['user_id'])):?>
                <li>
                    <img src="img/join.png">
                    <a href=
                       <?= Url::toRoute('register/show'); ?>
                    >
                        <span>免费注册</span></a>
                </li>
                <li>
                    <img src="img/login.png" style="margin-top: -4px">
                    <a href=
                       <?= Url::toRoute('login/show'); ?>
                    >
                        <span style="color: #3A99DB">登陆</span></a>
                </li>

            <?php endif?>
        </ul>
    </div>
</div>
<div class="contextDiv">
    <div style="width: 88%;margin: 0 auto;background-color: rgb(71,166,220);">
        <div class="context-Nav" style="margin-top: -20px">
            <span style="margin-left: 10px">当前位置:首页></span>
            <span style="color:white"><?= $this->params['title'];?></span>
        </div>
        <div style="width: 100%;height: 2px;background-color: rgb(19,89,126)">
        </div>
        <div class="context-Left">
            <div style="width: 100%;overflow: hidden;background-size: 100% auto;color: white;text-align: center"
                 id="infoHead">
                <div style="width: 40%;border-radius: 50%;background-color: red;margin: 0 auto;margin-top: 20px;overflow: hidden;"
                     id="headImg">
                    <img src=<?= $this->params['headImage']; ?> style="clip: rect(100px,100px,600px,600px);width: 100%">
                </div>
                <a href=<?= Url::toRoute('headupload/show'); ?>>
                <img src="img/aaa.png" style="width: 12%;position: relative;margin-left: 70%;margin-top: -46%">
                </a>
                <h4 style="margin-top: 8px"><?= $this->params['user_name']; ?></h4>
                <div class="personInfo"><h5>
                        <a href="#">投资(<?= $this->params['invest_num'];?>)</a>
                        <a href="#" style="margin-left: 6px">关注(<?= $this->params['like_num'];?>)</a>
                        <a href="#" style="margin-left: 6px">发起(<?= $this->params['launch_num'];?>)</a></h5>
                </div>
                <!--头像div为正方形-->
                <script>
                    $('#infoHead').children().css({'position': 'relative', 'opacity': '1.0'})
                    $('#infoHead').css('height', window.screen.width * 0.88 * 0.25);
                    $('#headImg').css('height', window.screen.width * 0.88 * 0.25 * 0.40);
                    $('.personInfo').css('margin-top', window.screen.width * 0.88 * 0.25 * 0.40 * 0.4);
                </script>
            </div class="guideMenu">
            <div style="width: 100%;text-align: center;color: #2d3e4f;font-size: 18px">
                <div style="width: 100%" class="unClick">
                    <img src="img/1111-05.png" style="width: 20px;margin-top: -4px;margin-left: -20px;">
                    我的资料
                </div>
                <div style="width:100%;height:2px;background-color:rgb(29,114,158)"></div>

                <a href=  <?= Url::toRoute('usercenter/show'); ?> style="color:#FFF;">
                <div style="width: 100%" class="canClick" id="usercenter">用户信息</div></a>

                <div style="width: 100%" class="unClick">
                    <img src="img/icon5-05.png" style="width: 20px;margin-top: -4px;margin-left: -20px;">
                    权限申请
                </div>
                <div style="width:100%;height:2px;background-color:rgb(29,114,158)"></div>

                <a href=  <?= Url::toRoute('qulification/show'); ?> style="color:#FFF;">
                <div style="width: 100%" class="canClick" id="qulification">资质申请</div></a>

                <div style="width: 100%" class="unClick">
                    <img src="img/dddd.png" style="width: 20px;margin-top: -4px;margin-left: -20px;">
                    我的项目
                </div>
                <div style="width:100%;height:2px;background-color:rgb(29,114,158)"></div>
                <a href=  <?= Url::toRoute('prlike/show'); ?> style="color:#FFF;">
                <div style="width: 100%" class="canClick" id="likePro">关注项目</div></a>
                <a href=  <?= Url::toRoute('prlaunch/show'); ?> style="color:#FFF;">
                <div style="width: 100%" class="canClick" id="lanuchPro">发起项目
                </div></a>
                <a href=  <?= Url::toRoute('prinvest/show'); ?> style="color:#FFF;">
                <div style="width: 100%" class="canClick" id="investPro">投资项目</div></a>
                <div style="width: 100%" class="unClick">
                    <img src="img/icon-05.png" style="width: 20px;margin-top: -4px;margin-left: -20px;">

                    我的推广
                </div>
                <div style="width:100%;height:2px;background-color:rgb(29,114,158)"></div>
                <a href=  <?= Url::toRoute('recommend/show'); ?> style="color:#FFF;">
                <div style="width: 100%" class="canClick" id="recommend">推荐用户</div></a>
                <div style="width: 100%" class="unClick">
                    <img src="img/222-05.png" style="width: 20px;margin-top: -4px;margin-left: -20px;">

                    我的消息
                </div>
                <div style="width:100%;height:2px;background-color:rgb(29,114,158)"></div>
                <a href=  <?= Url::toRoute('mymsg/show'); ?> style="color:#FFF;">
                <div style="width: 100%" class="canClick beClick" id="mymsg">我的消息</div></a>
                <div style="width: 100%;height: 200px;" class="canClick"></div>
            </div>

        </div>
        <div class="context-Right">
            <div style="height: 70px;width: 100%;padding-top:25px;border-bottom: 1px solid #dfe5e9;color: #7f8c8d;padding-left: 6%">
                <span>你好! <?= $this->params['user_name']; ?></span>
                <img src="img/btman.png" style="width: 20px;margin-left: 80px">
                <span><?= $this->params['address'];?></span>
                <img src="img/ssssq.png" style="width: 20px;margin-left: 10px">
                <span><?= $this->params['field']; ?></span>
                <button style="outline:none;padding-top: 4px;padding-bottom: 4px;background-color: white;border: 1px solid #7f8c8d;color:#2d3e4f;border-radius: 6px;float: right;margin-right: 10%"
                        onclick="logout();"
                >
                    退出登录
                </button>
            </div>
            <?= $content?>
        </div>
    </div>
</div>

<script src="js/index.js"></script>
<script src="js/register.js"></script>

<!--<![endif]-->
<script src="assets/js/amazeui.min.js"></script>
<!--<script src="js/chinaz.js"></script>-->
<script src="js/amazeui.swiper.min.js"></script>
<!--<script src="js/slick.min.js"></script>
-->
<!--<script src="assets/js/app.js"></script>
-->
<footer style="background-color: #FFFFFF;height: 100px;width: 100%;margin-bottom: 20px">
    <img src="img/logo-06.png" class="layoutLogo"
         style="float: left;margin-left: 5%;margin-top:12px;margin-right: 30px">
    <ul class="footUl">
        <li><a href="#">商务合作</a></li>
        <li><a href="#">常见问题</a></li>
        <li><a href="#">关于我们</a></li>
        <li><a href="#">业务规划</a></li>
        <li><a href="#">联系我们</a></li>
        <li><a href="#">免责声明</a></li>
    </ul>
    <img src="img/erweima.jpg" style="width: 80px;float: right;margin-right: 5%;margin-top:18px">
</footer>
</body>
</html>
<script>
    $('.context-Right').height($('.context-Left').height());
</script>